<template>
  <div class="wty-event">
    <p ref="wty-count">event:{{ count }}</p>
  </div>
</template>

<script>
// 自定义事件 比如说一个组件中某个数据产生变化，而又希望父组件做出响应
export default {
  props: {
    count: {
      type: Number,
      default: 0
    }
  },
  watch: {
    count: function(newCount, count) {
      console.log(`${newCount} => ${count}`);
      // 触发父组件的 count 事件
      this.$emit("count", newCount, this.$refs["wty-count"]); // 传递了数据和对象
    }
  }
};
</script>

<style lang="scss" scoped></style>
